<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/style.css" />
  </head>
  <body>
    <!-- 头部 -->
    <div id="header">
      <div class="header_main">
        <!-- logo -->
        <img src="./images/logo.png" alt="" />
        <!-- 导航 -->
        <ul>
          <li class="first_li">首页</li>
          <li>关于我们</li>
          <li>我们的服务</li>
          <li>客户案例</li>
          <li>联系我们</li>
        </ul>
        <!-- phone -->
        <div class="phone">
          <img src="./images/weibo.png" alt="" />
          <img src="./images/qq.png" alt="" />
          <img src="./images/phone.png" alt="" />
          <span>0898-6608888</span>
        </div>
      </div>
    </div>

    <!-- 轮播图 -->
    <div id="banner">
      <img src="./images/banner.jpg" alt="" />
    </div>

    <!-- 菜单 -->
    <div id="menu">
      <div class="menu_main">
        <div class="menu_item">
          <img src="./images/menu1.png" alt="" />
          <h3>网络整合营销</h3>
          <p>微信推广营销</p>
          <p>微信推广营销</p>
          <p>微信推广营销</p>
          <p>微信推广营销</p>
        </div>
        <div class="menu_item">
          <img src="./images/menu1.png" alt="" />
          <h3>网络整合营销</h3>
          <p>微信推广营销</p>
          <p>微信推广营销</p>
          <p>微信推广营销</p>
          <p>微信推广营销</p>
        </div>
        <div class="menu_item">
          <img src="./images/menu1.png" alt="" />
          <h3>网络整合营销</h3>
          <p>微信推广营销</p>
          <p>微信推广营销</p>
          <p>微信推广营销</p>
          <p>微信推广营销</p>
        </div>
        <div class="menu_item">
          <img src="./images/menu1.png" alt="" />
          <h3>网络整合营销</h3>
          <p>微信推广营销</p>
          <p>微信推广营销</p>
          <p>微信推广营销</p>
          <p>微信推广营销</p>
        </div>
        <div class="menu_item">
          <img src="./images/menu1.png" alt="" />
          <h3>网络整合营销</h3>
          <p>微信推广营销</p>
          <p>微信推广营销</p>
          <p>微信推广营销</p>
          <p>微信推广营销</p>
        </div>
        <div class="menu_item" style="border: none">
          <img src="./images/menu1.png" alt="" />
          <h3>网络整合营销</h3>
          <p>微信推广营销</p>
          <p>微信推广营销</p>
          <p>微信推广营销</p>
          <p>微信推广营销</p>
        </div>
      </div>
    </div>

    <!-- 案例 -->
    <div id="case">
      <div class="case_main">
        <h2 class="case_header">CASE <span>案例</span></h2>

        <!-- <div class="case_header">
          <h2>CASE 案例</h2>
        </div> -->

        <ul class="case_list">
          <li>
            <img src="./images/case1.png" alt="" />
            <div class="case_des">
              <h4>富士通(中国)计算机</h4>
              <p>
                富士通(中国)计算机富士通(中国)计算机富士通(中国)计算机富士通(中国)计算机富士通(中国)计算机富士算机富士算机富士......
              </p>
              <span>MORE >></span>
            </div>
          </li>
          <li>
            <img src="./images/case1.png" alt="" />
            <div class="case_des">
              <h4>富士通(中国)计算机</h4>
              <p>
                富士通(中国)计算机富士通(中国)计算机富士通(中国)计算机富士通(中国)计算机富士通(中国)计算机富士算机富士算机富士......
              </p>
              <span>MORE >></span>
            </div>
          </li>
          <li>
            <img src="./images/case1.png" alt="" />
            <div class="case_des">
              <h4>富士通(中国)计算机</h4>
              <p>
                富士通(中国)计算机富士通(中国)计算机富士通(中国)计算机富士通(中国)计算机富士通(中国)计算机富士算机富士算机富士......
              </p>
              <span>MORE >></span>
            </div>
          </li>
        </ul>

        <p class="look_more">查看更多+</p>
      </div>
    </div>

    <!-- 客户 -->
    <div id="client">
      <h2 class="case_header">CLIENT <span>客户</span></h2>

      <div class="client_list">
        <div class="clicent_item"></div>
        <div class="clicent_item"></div>
        <div class="clicent_item"></div>
        <div class="clicent_item"></div>
        <div class="clicent_item"></div>
      </div>

      <div class="client_content">
        <div class="about">
          <h4>关于我们</h4>

          <p class="p_title">织梦58，专业的织梦平台</p>

          <p class="p_content">
            织梦58，专业的织梦平台织梦58，专业的织梦平台织梦58，专业的织梦平台织梦58，专业的织梦平台织梦58，专业的织梦平台业的织梦平台业的织梦平台
          </p>
          <p class="p_content">
            织梦58，专业的织梦平台织梦58，专业的织梦平台织梦58，专业的织梦平台
          </p>
          <span class="detail">了解详情</span>
        </div>
        <div class="news">
          <h4>新闻动态</h4>
          <ul class="news_list">
            <li>
              <p class="news_title">浅谈设计的基础是什么</p>
              <p class="news_time">2024-2-23</p>
            </li>
            <li>
              <p class="news_title">浅谈设计的基础是什么</p>
              <p class="news_time">2024-2-23</p>
            </li>
            <li>
              <p class="news_title">浅谈设计的基础是什么</p>
              <p class="news_time">2024-2-23</p>
            </li>
            <li>
              <p class="news_title">浅谈设计的基础是什么</p>
              <p class="news_time">2024-2-23</p>
            </li>
            <li>
              <p class="news_title">浅谈设计的基础是什么</p>
              <p class="news_time">2024-2-23</p>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </body>
</html>
